// 克隆子元素，并添加事件方法， HOC：height order components高阶组件
export const withClick = (element, handleClick = () => {}) => {
    if(!element) return;//判断是不是null之类的
    //判断元素是否是DOM元素 如果是对象的话 那么重组 否则的话 返回span元素
    if (Object.prototype.toString.call(element) === '[object Object]') {
        return <element.type {
          ...element.props
        }
        onClick = {
          handleClick
        }
        />
    }
    return <span onClick={handleClick}>{element}</span>;
}